<%--
  Created by IntelliJ IDEA.
  User: HW
  Date: 2024/12/20
  Time: 上午10:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="java.sql.*" %>
<%@ page import="com.data.ConnData" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加新笔记</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap.js"></script>

    <style>

        body {
            font-family: Arial, sans-serif;
        }


        form {
            background-color: white;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 450px;
            margin: 30px auto;
        }


        label {
            display: block;
            font-size: 16px;
            margin-bottom: 8px;
            color: #333;
        }

        /* 输入框和文本域通用样式 */
        input[type="text"],
        textarea {
            width: 100%;
            padding: 12px;
            margin-bottom: 20px;
            border: 1px solid #ccc; /* 浅灰色边框 */
            border-radius: 8px;
            font-size: 14px; /* 输入框文字大小 */
            outline: none; /* 去除输入框获取焦点时的默认外边框 */
            transition: border-color 0.3s ease; /* 边框颜色过渡效果 */
        }

        input[type="text"]:focus,
        textarea:focus {
            border-color: #007bff; /* 输入框获取焦点时边框颜色变化 */
        }


    </style>
</head>
<body>
<!-- 导航栏 -->
<ul class="nav nav-pills" style="padding-top: 20px">
    <li class="nav-item" style="padding-left: 250px">
        <a class="nav-link active" href="conversation.jsp">笔记</a>
    </li>
    <li class="nav-item" style="padding-left: 250px">
        <a class="nav-link" style="color: black" href="question.jsp">题目</a>
    </li>
    <li class="nav-item" style="padding-left: 250px">
        <a class="nav-link" style="color: black" href="rank.jsp">排行榜</a>
    </li>
    <li class="nav-item" style="padding-left: 250px">
        <a class="nav-link" style="color: black" href="me.jsp">我的</a>
    </li>
</ul>
<hr>
<!-- 卡片内容 -->
<div>
    <form action="create_process.jsp" method="post">
        <label for="new_title">笔记标题：</label><input type="text" id="new_title" name="new_title" required><br>
        <label for="new_content">笔记内容：</label><textarea id="new_content" name="new_content" required></textarea><br>
        <div style="display: flex; justify-content: space-between;">
            <a class="btn btn-success" href="conversation.jsp" style="flex-shrink: 0;">返回</a>
            <input type="submit" class="btn btn-success" value="提交" style="flex-shrink: 0;">
        </div>
    </form>
</div>
</body>
</html>